// {bem_b}
@use './mixin/mixins.scss' as *;

@import 'common/index.scss';
@include bem_b(line-progress) {
	align-items: stretch;
	position: relative;
	@include flex(row);
	flex: 1;
	overflow: hidden;
	border-radius: 100px;
	@include bem_e(background) {
		background-color: #ececec;
		border-radius: 100px;
		flex: 1;
	}
	@include bem_e(line) {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		align-items: center;
		@include flex(row);
		color: #ffffff;
		border-radius: 100px;
		transition: width 0.5s ease;
		justify-content: flex-end;
	}
	@include bem_e(text) {
		font-size: 10px;
		align-items: center;
		text-align: right;
		color: #ffffff;
		margin-right: 5px;
		transform: scale(0.9);
	}
}
